<template>
  <div class="logo-container">
    <div class="brand">NearHub Go</div>
    <img alt="NearHub Logo" class="logo-image" src="../assets/image/NearHub_logo.png" />
  </div>
</template>

<style scoped>
.logo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.brand {
  font-size: 30px;
  font-weight: bold;
  font-family: "Inter Regular";
  color: #8A69D4;
  text-align: center;
}

.logo-image {
  width: 215px;
  height: 121px;
  margin-top: 30px;
  margin-right: 107.5px;
}
</style>